草庐IT

Bootstrap 按钮(Button)插件

全部标签

javascript - 为什么人们在许多 jQuery 插件中分配 $this = $(this) ?

我经常将其视为插件的第一行:$this=$(this);这只是为了提高效率,避免每次都获取jQuery对象吗? 最佳答案 缓存jQuery对象而不必在每次需要时都实例化它。 关于javascript-为什么人们在许多jQuery插件中分配$this=$(this)?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/6261684/

javascript - Bootstrap Affix 更改列表项宽度

我正在使用TwitterBootstrap的词缀来附加当前包含导航列表的左栏。NavigationLink1Link2根据我的理解,这意味着在滚动300px之前词缀不会生效。我的问题是词缀加入后我的列表项的宽度发生了变化。这是我在词缀开始之前将鼠标悬停在列表项上的屏幕截图。您可以根据悬停背景,宽度是正确的。这是我滚动300像素并添加词缀后的屏幕截图。您可以看到由于某种原因宽度减小了。我想知道为什么会这样,如何纠正它,以及我是否正确使用词缀。 最佳答案 经过一些研究,我弄清楚了问题所在。在词缀开始之前,宽度是从“span3”div继承

javascript - 将 Bootstrap 工具提示设置为 AJAX 调用结果

我有一个bootstrap我想从AJAX请求加载数据的工具提示,请求中的文本是工具提示的title属性。我的AJAX请求工作正常,但我有两个问题:为什么来自AJAX调用的数据没有进入工具提示?如何使用我的ttManager对象来封装工具提示的状态?目前,当页面首次加载并且我在控制台中单击#btnSubmit时,我看到成功并且来自console.log(ttManager)行的正确数据$(document).ready(function(){//thisobject'stitleattributewillbethevalueofttManager.titleseenbelowvarttM

javascript - Rails 4 应用程序一页上的多个 Stripe 支付按钮

我正在构建一个列出三个不同订阅选项的支付页面,并使用Stripe的结账来管理支付。页面呈现正确,所有3个订阅选项都有应该链接到Stripe的“立即购买”按钮。我的问题是第一个按钮是唯一正确拉起Stripe结帐流程的按钮。按钮2和3抛出以下错误:未知操作找不到ChargesController的操作“索引”我的支付页面的相关部分是:">BuyNowvarhandler=StripeCheckout.configure({key:'',image:'/assets/my_logo.png',token:function(response){vartokenInput=$("").val(r

javascript - Bootstrap 按钮超链接

我不想使用元素将按钮转换为超链接。我有以下按钮:FirstbuttonSecondbutton如何指定超链接(不使用)并在单击按钮时浏览到页面 最佳答案 您可以将JavaScript用于您的解决方案。window.location.href设置按钮的URL。Firstbutton 关于javascript-Bootstrap按钮超链接,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions

javascript - Rails 4 - jQuery 和 bootstrap 的顺序是什么?

我正在尝试弄清楚如何在我的application.js中加载Assets。我的application.js中有这些必需的文件(以及其他文件)。//=requirebootstrap-sprockets//=requirejquery//=requirejquery-ui//=requirejquery_ujs我的gem文件有:gem'jquery-rails'gem'jquery-ui-rails'当bootstrap-sprockets在jQuery之前时,我的bootstrap下拉菜单(如下)工作正常。STATUS:"padding-left:20px;padding-right:

javascript - 模态是 bootstrap4 alpha6 模态的转换错误

我正在使用bootstrap4alpha6Modal,我得到:Error:Modalistransitioning当我尝试通过JavaScript函数再次使用动态数据重新触发相同模式时会发生这种情况,如下所示:functionopenModal(title,text){$('.modal-title').text(title);$('.modal-bodyp').text(text);$('#modalAlert').modal('show');}我尝试使用setTimeout函数,但没有像本文中那样工作:https://github.com/twbs/bootstrap/issues

javascript - 使用按钮和关闭图标关闭 React Semantic UI 模式

我有一个模态窗口,用户需要在其中填写一些表格并通过模态窗口中的按钮保存填写的内容。当用户保存时,我希望模式关闭。我可以通过在Modal组件上使用openProp来完成这项工作。但如果我这样做,当我尝试通过closeIcon这样做时,模态不会关闭。我该怎么做才能让用户通过这两种方法关闭模态框?这是我当前的模态代码:handleCreateButton(evt){evt.preventDefault()//...//codetosavewhateverwastypedintheform//...this.setState({showModal:false})}renderModalForm

javascript - IFrame 后退按钮

我在互联网上进行了大量搜索以解决此问题,但尽管之前已详细讨论过该问题,但仍找不到具体的解决方案。查询很简单。我的javascript动态地将Iframe添加到网页(显示反馈表)。问题是,“回答后”,现在当用户单击浏览器的后退按钮时,iframe而不是浏览器窗口受到影响,即问卷再次显示。我希望浏览器后退按钮正常运行。这种行为真的很烦人,我很难解决这个问题。我正在使用火狐浏览器。期待回复。如果我需要提供更多详细信息,请通知我。谢谢, 最佳答案 您的表单有一个提交按钮,用于将页面发布到服务器。无论您是否使用iframe,后退按钮总是将用户

javascript - jstree 中 dnd 插件中的拖放事件未被调用

我们使用jsTree来表示文件和文件夹的树。文件和文件夹可以移入和移出其他文件夹。为此,我启用了拖放插件。可以拖放文件夹和文件,但不会调用拖放时调用的事件。我需要在拖放时触发这些事件,因为我需要使用Ajax在后端更新拖放状态。请帮忙下面是代码。$(function(){$("#folderTree").jstree({"dnd":{"drop_finish":function(){alert("DROP");},"drag_check":function(data){if(data.r.attr("id")=="phtml_1"){returnfalse;}return{after:f